;(function () {
	let myChart = echarts.init(document.querySelector('.round_1'))
	window.addEventListener('resize', () => {
		myChart.resize()
	})
	let option = {
		title: [
			{
				text: '523', // 主标题
				textStyle: {
					// 主标题样式
					color: '#fff',
					fontWeight: 'bold',
					fontSize: 25
				},
				left: '45.5%', // 定位到适合的位置
				top: '35%', // 定位到适合的位置
				subtext: '占比64%', // 副标题
				subtextStyle: {
					// 副标题样式
					color: '#fff',
					fontSize: 12,
					fontWeight: 'bold'
				},
				textAlign: 'center' // 主、副标题水平居中显示
			}
		],
		grid: {
			x: 0,
			y: 0,
			x2: 0,
			y2: 0
		},
		tooltip: {
			trigger: 'item'
		},

		legend: {
			top: '3%',
			left: 'center'
		},
		series: [
			{
				type: 'pie',
				radius: ['80%', '100%'],
				//  center: ['25%', '60%'],
				avoidLabelOverlap: false,
				label: {
					show: true,
					position: 'inner', // 数据会显示在图形上，'center':会显示在圆环的内部
					color: '#000'
				},
				data: [
					{ value: 64, itemStyle: { color: '#6abaf2' } },
					{ value: 36, itemStyle: { color: '#333843' } }
				] //
			}
		]
	}

	myChart.setOption(option)
	window.addEventListener('resize', () => {
		myChart.resize()
	})
})()
;(function () {
	let myChart = echarts.init(document.querySelector('.round_2'))
	let option = {
		title: [
			{
				text: '298', // 主标题
				textStyle: {
					// 主标题样式
					color: '#fff',
					fontWeight: 'bold',
					fontSize: 25
				},
				left: '45.5%', // 定位到适合的位置
				top: '35%', // 定位到适合的位置
				subtext: '占比36%', // 副标题
				subtextStyle: {
					// 副标题样式
					color: '#fff',
					fontSize: 12,
					fontWeight: 'bold'
				},
				textAlign: 'center' // 主、副标题水平居中显示
			}
		],
		grid: {
			x: 0,
			y: 0,
			x2: 0,
			y2: 0
		},
		tooltip: {
			trigger: 'item'
		},

		legend: {
			top: '3%',
			left: 'center'
		},
		series: [
			{
				type: 'pie',
				radius: ['80%', '100%'],
				//  center: ['25%', '60%'],
				avoidLabelOverlap: false,
				label: {
					show: true,
					position: 'inner', // 数据会显示在图形上，'center':会显示在圆环的内部
					color: '#000'
				},
				data: [
					{ value: 64, itemStyle: { color: '#333843' } },
					{ value: 36, itemStyle: { color: '#6abaf2' } }
				] //
			}
		]
	}

	myChart.setOption(option)
	window.addEventListener('resize', () => {
		myChart.resize()
	})
})()
;(function () {
	let myChart = echarts.init(document.querySelector('.round_3'))
	let option = {
		title: [
			{
				text: '523', // 主标题
				textStyle: {
					// 主标题样式
					color: '#fff',
					fontWeight: 'bold',
					fontSize: 25
				},
				left: '45.5%', // 定位到适合的位置
				top: '35%', // 定位到适合的位置
				subtext: '占比64%', // 副标题
				subtextStyle: {
					// 副标题样式
					color: '#fff',
					fontSize: 12,
					fontWeight: 'bold'
				},
				textAlign: 'center' // 主、副标题水平居中显示
			}
		],
		grid: {
			x: 0,
			y: 0,
			x2: 0,
			y2: 0
		},
		tooltip: {
			trigger: 'item'
		},

		legend: {
			top: '3%',
			left: 'center'
		},
		series: [
			{
				type: 'pie',
				radius: ['80%', '100%'],
				//  center: ['25%', '60%'],
				avoidLabelOverlap: false,

				label: {
					show: true,
					position: 'inner', // 数据会显示在图形上，'center':会显示在圆环的内部
					color: '#000'
				},
				data: [
					{ value: 64, itemStyle: { color: '#6abaf2' } },
					{ value: 36, itemStyle: { color: '#333843' } }
				] //
			}
		]
	}

	myChart.setOption(option)
	window.addEventListener('resize', () => {
		myChart.resize()
	})
})()
